<template>
  <div class="signup">
    <i
      class="iconfont icon-blt_fangxiang_zuo_fanhui"
      style="
        position: absolute;
        top: 0.4rem;
        left: 0.2rem;
        font-size: 0.4rem;
        color: white;
      "
      @click="returned()"
    ></i>
    <img src="/favicon.ico" alt="" />
    <div class="bottom">
      <button @click="login()" style="margin-top: 1rem">手机号登录</button>
      <button @click="signup()" style="background-color: #dd2d1e; color: #fff">
        注册
      </button>
      <div>
        <i class="iconfont"></i>
        <i class="iconfont"></i>
        <i class="iconfont"></i>
        <i class="iconfont"></i>
      </div>
      <p>
        登录即已同意<span>《用户协议》</span>
        <span>《隐私政策》</span>
        <span>《儿童隐私政策》</span><br />
        <span>《中国联通认证服务协议》</span>
      </p>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    login() {
      this.$router.push("/login");
    },
    signup() {
      this.$router.push("/signup");
    },
    returned() {
      this.$router.go(-1);
    },
  },
};
</script>
<style lang="less" scoped>
.signup {
  position: relative;
  padding: 2.5rem 0 0;
  background-color: #dc2b21;
  height: 100%;
  img {
    margin: 0 auto 4rem;
    width: 1.4rem;
    height: 1.4rem;
  }
  .bottom {
    position: absolute;
    width: 100%;
    text-align: center;
    button {
      width: 5.4rem;
      height: 0.8rem;
      border-radius: 0.32rem;
      border: 0.01rem solid #b67169;
      padding: 0.15rem 0.3rem;
      font-size: 0.3rem;
      color: #d83632;
      font-weight: 700;
      margin-bottom: 0.3rem;
      bottom: 0;
    }
    p {
      font-size: 0.18rem;
      span {
        color: #fff;
      }
    }
  }
}
</style>
